import type { Meta, StoryObj } from "@storybook/react";
import React from "react";
import AmountItem2 from "./index";

const meta = {
  title: "样式原子组件/应付款结算总体情况-AmountItem2",
  component: AmountItem2,
  tags: ["autodocs"],
  argTypes: {
    primaryColor: {
      control: "color",
    },
  },
  decorators: [
    (Story) => (
      <div style={{ backgroundColor: "#06112B" }}>
        <Story />
      </div>
    ),
  ],
} satisfies Meta<typeof AmountItem2>;

export default meta;
type Story = StoryObj<typeof meta>;

export const 应收: Story = {
  args: {
    title: "累计应收结算金额",
    amount: 419.21,
    unitName: "万元（共12家客户）",
    primaryColor: "#C3AE95",
    imgProps: {
      src: "https://test-ymsl.kxgcc.com:30195/public/website/cockpit/s3.png",
    },
  },
};

export const 应付: Story = {
  args: {
    title: "累计应付结算金额",
    amount: 8149.21,
    unitName: "万元（共12家客户）",
    primaryColor: "#76ACF6",
    imgProps: {
      src: "https://test-ymsl.kxgcc.com:30195/public/website/cockpit/s1.png",
    },
  },
};
